.index-header-bj{
    width: 100%;
    background-color: #fff;
    display: inline-block;
}
.index-header {

    /* display: flex; */
    padding: 15px 0;
    z-index: 3;
    
    /* height: 70px; */
    /* line-height: 70px; */
    position: relative;
}

.index-header .logo {
    width: 154px;
    float: left;
    height: 51px;
    margin-bottom: 15px;
}

.index-header .logo img {
    width: 154px !important;
    height: auto;
}

.index-header .header-nav {

    margin-left: 100px;
    float: left;
    margin-top: 20px;
    /* display: flex; */


}

.index-header .nav-item {

    position: relative;
}

.index-header .header-nav>a {

    font-size: 16px;
}

.index-header .drop {

    top: 30px;
    white-space: nowrap;
    padding: 10px;
    background-color: #fff;
    padding: 15px 0;
	padding-bottom:0;
    display: block;
    position: absolute;
    z-index: 5;
    left: -37px;
    /* height: 0; */
    opacity: 0;
    border-radius: 5px;
    transition: 0.5s ease;
    /* box-shadow: 1px 1px 10px #efefef; */
    /* display: none; */
}

.index-header .nav-item:hover .drop {

    opacity: 1;
    /* display: block; */
    /* height: auto; */
}

.index-header .drop a {
	
	width:130px;
	line-height:40px;
	text-align:center;
    color: #333;
    
    display: block;
    font-size: 14px;
    /* font-weight: 700; */
   
	transition: 0.5s ease;
}
.index-header .drop a:hover{
	  background-color: #315ead;
	  color:#fff
}
.index-header .drop a:last-child {
    margin-bottom: 0;
	   border-radius: 0 0  5px 5px;
}


.index-header .header-nav .nav-item {
    display: block;
    font-size: 16px;
    float: left;

    margin-right: 65px;
}


.index-header .header-tel {
    /* display: flex; */
    /* width: 120px; */
    align-items: center;
    /* justify-content: center; */
    float: right;
    text-align: right;
    margin-top: 18px;
}

.index-header .header-tel span {
    font-size: 20px;
    display: block;
    cursor: pointer;
    margin-top: 7px;
}

.index-header .form {

    position: absolute;
    right: 0;
    display: none;
    bottom: -100px;
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #fff;
}

.index-header .form input {
    width: 220px;
    height: 32px;
    padding-left: 8px;
    outline: none;
    border: none;
}

.index-header .form button {
    width: 60px;
    height: 32px;
    outline: none;
    border: none;
    color: #fff;
    background-color: #2b55a3;
}
.index-header .header-nav .active1 {
    color: #2b55a3;
    font-weight: 700;
}

.index-banner {
    width: 100%;

    position: relative;

    z-index: 1;

    cursor: pointer;

    overflow: hidden;
    /* padding-bottom: 30px; */
    margin: 0 auto;


}

.index-banner .swiper-slide img {

    width: 100%;
}

.index-banner .swiper-pagination-bullet {



    width: 15px;

    height: 15px;

    opacity: 1;

    border-radius: 50%;

    background: rgba(255, 255, 255, 0.8);

    margin-right: 20px;

}



.index-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {

    background-color: #fff;

}



.index-title {

    text-align: center;
}

.index-title .tt {

    font-size: 32px;
    /* font-weight: 700; */
    margin-bottom: 10px;
}

.index-title p {

    font-size: 16px;
    /* font-weight: 700; */
    color: #999999;
    /* margin-bottom: 23px; */
}

.index-product-nav {
    /* width: 800px; */
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.index-product-nav .index-product-nav-item {
    width: 229px;
    height: 117px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* box-shadow: 1px 1px 5px #efefef; */
    background-color: #e9ecf1;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 10px;
    transition: 0.5s ease;

}

.index-product-nav .index-product-nav-item span {
    color: #3f4f67;
    font-size: 30px;
    margin-bottom: 10px;
    transition: 0.5s ease;
}

.index-product-nav .index-product-nav-item p {
    font-size: 20px;
    color: #3f4f67;
    transition: 0.5s ease;
}

.index-product-nav .index-product-nav-item:hover {
    background-color: #3b68b9;
}

.index-product-nav .index-product-nav-item:hover span {
    color: #fff;
}

.index-product-nav .index-product-nav-item:hover p {
    color: #fff;
}


.index-product-nav .index-product-nav-item-active {
    background-color: #3b68b9;
}

.index-product-nav .index-product-nav-item-active  span {
    color: #fff;
}

.index-product-nav .index-product-nav-item-active  p {
    color: #fff;
}



.index-product {

    margin-top: 30px;
}

.index-product .index-product-item {

    display: none;
}

.index-product .index-product-item:nth-child(1) {

    display: block;
}

.index-product .left {
    width: 590px;
    height: 590px;
    float: left;
    overflow: hidden;
    background-color: #dfe6f0;
    position: relative;
}

.index-product .left .img {
    width: 80%;
    margin: 0 auto;
    padding-top: 40px;
}
.index-product .left img{
    width: 100%;
    transition: 0.5s ease;
}
.index-product .left:hover img{
    transform: scale(1.2);
}
.index-product .left .txt {
    width: 100%;
    height: 162px;
    position: absolute;
    bottom: -0;
    color: #fff;
    transition: 0.7s ease;
    background: rgba(0, 0, 0, 0.3);
}

.index-product .left:hover .txt {
    /* height: 100%; */
    bottom: 0;
}

.index-product .left .txt .tit {
    font-size: 34px;
    font-weight: 700;
    width: 85%;
    padding-top: 15px;
    margin: 0 auto;
    /* margin-left: 45px; */
    margin-bottom: 10px;
}

.index-product .left .txt p {
    width: 85%;
    margin: 0 auto;
    line-height: 1.8em;
    overflow: hidden;
    /** 隐藏超出的内容 **/
    word-break: break-all;
    text-overflow: ellipsis;
    /** 多行 **/
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3;
    /** 显示的行数 **/
}

.index-product .right {
    width: 590px;
    float: right;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.index-product .right .img {}

.index-product .right .right-item {

    width: 280px;
    height: 280px;
    border-radius: 10px;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
    background-color: #dfe6f0;
    /* 标准的语法（必须放在最后） */
}

.index-product .right .img {

    width: 280px;
    height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 标准的语法（必须放在最后） */
}

.index-product .right .right-item img {
    width: 70%;
    line-height: 280px;
    display: block;
    margin: 0 auto;
    transition: 0.5s ease;
}
.index-product .right .right-item:hover img{

    transform: scale(1.2);
}
.index-product .right .right-item .ts {
    width: 80%;
    height: 33px;
    position: absolute;
    background-color: #fff;
    border-radius: 40px;
    bottom: -60px;
    /* display: flex; */
    left: 10%;
    line-height: 33px;
    text-align: center;
    transition: 0.5s ease;
    padding-right: 15px;
}

.index-product .right .right-item .ts p {

    display: inline;
}

.index-product .right .right-item:hover .ts {
    bottom: 10px;
}

.index-product .right .right-item .ts span {

    float: right;
    font-size: 13px;
    /* margin-right: 40px; */
}

.index-product .right .right-items {

    width: 280px;
    height: 280px;
    border-radius: 10px;
    margin-bottom: 25px;
    overflow: hidden;
    position: relative;
    background-color: #dfe6f0;
    /* 标准的语法（必须放在最后） */
}

.index-product .right .right-items p {
    color: #606775;
    font-size: 26px;
    font-weight: 700;
}

.index-product .right .right-items p:nth-child(1) {

    margin-top: 30px;
    margin-left: 55px;
}

.index-product .right .right-items p:nth-child(2) {

    /* margin-top: 25px; */
    margin-left: 110px;
}

.index-product .right .right-items .li {

    position: absolute;
    width: 94%;
    height: 110px;
    bottom: 8px;
    left: 3%;
    overflow: hidden;
    background-color: #fff;
    padding-top: 15px;

}

.index-product .right .right-items .li .li-a {
    width: 50%;
    display: inline-block;
    text-align: center;
    margin-bottom: 15px;
    float: left;

}

.index-product .right .right-items .li .li-more {
    width: 95px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-family: "宋体";
    display: inline-block;
    color: #fff;
    border-radius: 50px;
    font-size: 12px;
    margin-left: 20px;
    background-color: #315ead;

}

.index-product .right .right-items .li .li-a:hover {
    color: #315ead;
}

.index-adv-bj {

    margin-top: 30px;
    background: url(../images/adv-bj.jpg) 0 0 no-repeat;
    background-size: 1920px 650px;
    padding-top: 50px;
    height: 650px;
}



.index-about {

    margin-top: 40px;
    background: url(../images/about-bj.jpg) 0 0 no-repeat;
    position: relative;
    z-index: 0;
    height: 630px;
    background-size: 100% 597px;;
    /* height: 920px; */
    box-sizing: border-box;
}

.index-about .about {

    display: flex;
    padding-top: 60px;
}

.index-about .about .txt {

    width: 800px;
}

.index-about .about .txt .tt {

    font-size: 32px;
    color: #073382;
}

.index-about .about .txt .ts {

    font-size: 22px;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #073382;
}

.index-about .about .txt .cont {

    margin-top: 20px;
}

.index-about .about .txt .cont p {

    line-height: 1.8em;
    font-size: 16px;
}

.index-case {
    position: relative;
    justify-content: center;
    /* background: #eeeeee; */
    overflow: hidden;
    display: flex;
    margin-top: 40px;
}

.index-case .index-case-item {
    width: 250px;
    height: 390px;
    display: block;
    position: relative;
    overflow: hidden;
    position: relative;
    transition: 0.5s ease;
    /* display: none; */
}


.index-case .index-case-item .bj-img {

    height: 390px;
}

.index-case .index-case-item .ti {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    top: 0;
    /* justify-content: center; */
    font-size: 20px;
    color: #fff;
    align-items: center;
    justify-content: center;
    opacity: 1;
    transition: 0.5s ease;
}

.index-case .index-case-item .txt {

    width: 0;
    height: 200px;
    /* display: none; */
    background-color: rgba(255, 255, 255, 0.7);
    position: absolute;
    top: 95px;
    transition: 0.5s ease;
    text-align: center;
    left: 42px;
    color: transparent;
}

.index-case .index-case-item .txt .tit {

    text-align: center;
    padding-top: 40px;
    font-size: 20px;
    margin-bottom: 20px;
}

.index-case .index-case-item .txt p {

    width: 80%;
    margin: 0 auto;
    overflow: hidden;
    /** 隐藏超出的内容 **/
    word-break: break-all;
    text-overflow: ellipsis;
    /** 多行 **/
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2;
    /** 显示的行数 **/
}

.index-case .index-case-item .txt img {
    width: 60px;
    margin-top: 15px;
}

.index-case .index-case-item:hover {

    width: 450px;
}

.index-case .index-case-item:hover .txt {

    width: 365px;
    color: #333;
    /* display: block; */
}

.index-case .index-case-item:hover .ti {
    opacity: 0;
}



.index-case .index-case-item.active_case {

    width: 450px;
}

.index-case .index-case-item.active_case .txt {

    width: 365px;
    color: #333;
    /* display: block; */
}

.index-case .index-case-item.active_case .ti {
    opacity: 0;
}

.index-ry-bj {
    position: relative;
}

.index-ryzs {
    width: 1200px;
    padding: 20px;
    margin-top: 20px;
    overflow: hidden;

    justify-content: center;
}

.index-ryzs .swiper-slide {

    background-color: #efedee;
    height: 295px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    /* padding-top: 25px; */
    padding-bottom: 20px;
    position: relative;
}

.index-ryzs .swiper-slide p {

    margin-top: 15px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 10px;
}

.index-ry-bj .bun {
    width: 1400px !important;
    margin: 0 auto;
    top: -190px;
    position: relative;
}

.index-ry-bj .bun .swiper-button {
    width: 60px;
    outline: none;
}


.index-ry-bj .bun .swiper-button-prev:after,
.index-ry-bj .bun .swiper-rtl .swiper-button-next:after {
    content: "";
}

.index-ry-bj .bun .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "";
}




.index-news-bj {
    padding-top: 10px;
    background-color: #f6f4f5;
    margin-top: 30px;
    padding-bottom: 60px;
}

.index-news {

    display: flex;
    margin-top: 40px;
    /* padding-top: 50px; */
    justify-content: space-between;
}

.index-news .news-info {
    width: 580px;
}



.index-news .news-info .news-info-big {

    /* display: flex; */

}

.index-news .news-info .news-info-big .img {

    width: 100%;
    /* height: 200px; */
    /* float: left; */
    /* background-color: #f0f; */
    overflow: hidden;
    /* margin-right: 25px; */
}

.index-news .news-info .news-info-big .img img {


    transition: 0.5s ease;
}

.index-news .news-info .news-info-big:hover img {

    transform: scale(1.2);
}

.index-news .news-info .news-info-big .txt .tt {
    font-size: 16px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding-top: 10px;
    margin-bottom: 23px;
    font-weight: 700;
    transition: 0.5s ease;
}

.index-news .news-info .news-info-big .txt p {
    font-size: 14px;
    line-height: 1.9em;
    overflow: hidden;
    /** 隐藏超出的内容 **/
    word-break: break-all;
    text-overflow: ellipsis;
    /** 多行 **/
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 3;
    /** 显示的行数 **/
}

.index-news .news-info .news-info-big .txt span {
    display: inline-block;
    width: 172px;
    height: 41px;
    background-color: #073382;
    color: #fff;
    border-radius: 50px;
    line-height: 42px;
    text-align: center;
    margin-top: 25px;
}

.index-news .news-info .news-info-big:hover .txt .tt {
    color: #073382;
}

.index-news .news-info .news-info-small {
    margin-top: 20px;
    width: 580px;
    height: 75px;
    transition: 0.5s ease;
    background-color: #f0f0f8;
    align-items: center;
    display: flex;
}

.index-news .news-info .news-info-small .date {

    width: 113px;
    text-align: center;
    border-right: 1px solid #ccc;

}

.index-news .news-info .news-info-small .date .r {

    width: 100%;
    text-align: center;
    font-size: 20px;
    margin-bottom: 3px;

}

.index-news .news-info .news-info-small .t {
    width: 400px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 16px;
    margin-left: 25px;
}

.index-news .news-info .news-info-small span {
    font-size: 26px;
    color: #999;
}

.index-news .news-info .news-info-small:hover {

    background-color: #073382;
    color: #fff;
}

.index-news .news-info .news-info-small:hover span {

    /* background-color: #dd2726; */
    color: #fff;
}

.index-news .news-Enc {

    width: 580px;
}

.index-news .news-Enc-title {
    height: 59px;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
    display: flex;
    align-items: center;
    font-size: 16px;
    justify-content: space-between;
}

.index-news .news-Enc-title p span {

    margin-left: 30px;
}

.index-news .news-Enc-title>a {

    font-size: 26px;
}

.index-news .Enc-list {

    height: 450px;
    overflow: hidden;
    position: relative;
    /* background-color: #ccc; */
}

.index-news .Enc-list ul {
    position: absolute;
    top: 0;
    left: 0;
}

.index-news .Enc-list li {

    padding: 15px 0;
    border-bottom: 1px dashed #ccc;
}

.index-news .Enc-list li .tit {

    font-size: 16px;
}

.index-news .Enc-list li:hover .tit {

    color: #073382;
}

.index-news .Enc-list li .tit span {

    display: inline-block;
    width: 3px;
    height: 3px;
    border: 1px solid #ccc;
    border-radius: 3px;
    text-align: center;
    background-color: #073382;
    /* line-height: 24px; */
    margin-right: 15px;
}

.index-news .Enc-list li p {

    /* margin-left: 45px; */
    margin-top: 12px;
    font-size: 14px;
    line-height: 1.9em;
    overflow: hidden;
    /** 隐藏超出的内容 **/
    word-break: break-all;
    text-overflow: ellipsis;
    /** 多行 **/
    display: -webkit-box;
    /** 对象作为伸缩盒子模型显示 **/
    -webkit-box-orient: vertical;
    /** 设置或检索伸缩盒对象的子元素的排列方式 **/
    -webkit-line-clamp: 2;
    /** 显示的行数 **/
}


.index-link {

    line-height: 52px;
    color: #333;
    /* background-color: #ac201f; */
}

.index-link span {

    display: inline-block;
    margin-top: 6px;
}

.index-link a {

    display: inline-block;
    margin-top: 6px;
    color: #fff;
    margin-right: 20px;
}

.index-footer {
    height: 340px;
    background: url(../images/footer.jpg) 0 0 no-repeat;
    background-size: 1920px 362px;
}

.footer {
    width: 100%;
    font-size: 16px;
    padding-bottom: 15px;
    background: #282c35;
}

.foot-menu-title a {
    font-size: 16px;
    color: white !important;
}

.footer-menu-list {
    padding-top: 32px;
    display: flex;
    justify-content: center;
    font-size: 16px;
}

.footer-item {
    margin: 0 38.96px;
}

.foot-menu-title a {
    display: block;
    color: white;
    margin-bottom: 14.4px;
    font-weight: bold;
}

span.foot-menu-item a {

    font-size: 14px;
}

.foot-menu-item a {
    display: block;
    margin-bottom: 9.6px;
    color: white;
}

.footer-bottom {
    margin-top: 70px;
    padding-bottom: 38.4px;
    display: flex;
    justify-content: center;
}

.btn_more a {
    margin: 19.2px 0 43.2px;
    width: 102.4px;
    height: 43.2px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #278ca4;
    border-radius: 56.8px;
    color: #FFFFFF;
}

.footer-left {
    color: white;
}

.btn_more a img {
    width: 12.8px;
    height: 12.8px;
}

.footer-left-first {
    margin-bottom: 9.6px;
}

.footer-right {
    margin-left: 461px;
    width: 116.8px;
    font-size: 12.8px;
    color: white;
    text-align: center;
}

.footer-right img {
    margin-bottom: 12.8px;
    width: 116.8px;
    height: 116.8px;
}

.footer-item img.logo {
    width: 151px;
    margin-bottom: 15px;
}

.footer-item .lx {
    color: #fff;
    font-size: 14px;
    margin-bottom: 8px;
}

.bha {

    background-color: #171a21;
    padding: 15px 0;
    display: flex;
    justify-content: center;
    color: #fff;
}

.bha a {

    color: #fff;
    margin: 0 20px;
}